<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ES6解构赋值</title>
</head>

<body>
  <script>

    /*
      ES6解构赋值
  */

    //1.解构数组
    //  var arr=['hello','world']

    //  //开始解构
    //  //注意：解构数组使用[]
    //  //a 获取的内容就是 arr[0]
    //  //b 获取的内容就是 arr[1]
    //  var [a,b]=arr

    //  console.log(a)
    //  console.log(b)

    // 2.解构对象
    var obj = { name: 'Jack', age: 18 }

    //开始解构
    //注意：解构对象使用{}
    //表示定义一个叫做name的变量，获取的是obj内一个叫做name的成员的值
    // var { name } = obj// =>相当于var name=obj.name  结果Jack

    var { name, age, a } = obj
    console.log(name, age, a)//结果Jack 18 undefined

    // var a=obj.age
    // console.log(a)

    //相当于定义变量a从obj内获取一个叫做a的成员
    // var {a}=obj
    // console.log(a) //=>相当于var a=obj.a 结果undefined
    //可以起一个别名
    //相当于定义一个a变量，从obj内获取一个叫做age的值
    // var { age: a } = obj
    // console.log(a) // =>var a=obj.age 结果18

    const { abs, ceil, floor } = Math
    console.log(abs(-5));
    console.log(ceil(0.5));
    console.log(floor(0.5));
  </script>
</body>

</html>